@import "_function";
.pro-details{
  .title{
    text-align: center;
    .pr(22);
    .pl(22);
    .lh(88);
    .fs(36);
    color: #181818;
    img{
      .fs(82);
      .w(31);
      .h(42);
      float: left;
      color: #a0a0a0;
      position: relative;
      .t(24);
    }
  }
  .carousel{
    position: relative;
    ul{
      li{
        a{
          display: block;
          img{
            width: 100%;
            .h(550);
          }
        }
      }
    }
    ol{
      position: absolute;
      .w(200);
      .b(8);
      left: 50%;
      .ml(-100);
      li{
        display: inline-block;
        .mr(6);
        .ml(6);
        a{
          display: block;
          .w(24);
          .h(24);
          border-radius: 50%;
          background: #ffffff;
        }
        .on{
          background: #13141f;
        }
      }
    }
  }
  .pro-message{
    .pl(22);
    .pb(20);
    .pr(22);
    border-bottom: 1px solid #878787;
    h2{
      color: #060606;
      .fs(36);
      .mb(18);
    }
    span{
      .fs(24);
      .mb(18);
      .mr(22);
      color: #ff0000;
      b{
        .fs(36);
        color: #ff0000;
      }
    }
    s{
      .fs(24);
      color: #ffa3a3;
    }
    p{
      .fs(24);
      .mt(20);
      color: #a9a9a9;
      text-decoration:line-through ;
    }
    .expressage{
      .mt(20);
      .mb(26);
      span{
        .w(300);
        .mr(0);
        .fs(24);
        color: #4e4e4e;
      }
      span:nth-child(2){
        .mr(150);
        .ml(150);
      }

    }
    .discounts{
      a{
        overflow: hidden;
        display: block;
        background: url("../img/pro_details_2.png") no-repeat;
        .bgs(238,66);
        .lh(68);
        .pl(276);
        .fs(24);
        color: #000000;
        span{
          float: right;
          color: #b7b7b7;
          .fs(46);
          .mr(64);
        }
      }
    }
    ul{
      overflow: hidden;
      position: relative;
      li{
        float: left;
        background: url("../img/pro_details_3.png") no-repeat;
        .bgs(38,38);
        .pl(44);
        .fs(24);
        .lh(38);
        .mr(60);
        color: #4e4e4e;
      }
      &:after{
        content: '>';
        .fs(66);
        display: block;
       color: #e3e3e3;
        position: absolute;
        .l(590);
        .t(-30);
      }
    }
  }
  .pro-show{
    .pt(40);
    .pl(22);
    .pr(22);
    h2{
      border-left: 3px solid #ff0000;
      .fs(36);
      color: #060606;
      .pl(24);
      .lh(64);
      .mb(16);
    }
    div{
      .mb(12);
      img{
        .w(700);
        .h(470);
      }
    }
    ul{
      overflow: hidden;
      li{
        float: left;
        .mr(8);
        img{
          .w(344);
          .h(352);
        }
      }
    }
  }
  .parameter{
    .pl(22);
    .pr(22);
    .pt(10);
    .pb(20);
    .mb(100);
    ul{
      .bdr(30);
      .mb(36);
      border: 2px solid #444446;
      overflow: hidden;
      li{
        float: left;
        .w(340);
        .lh(108);
        .fs(36);
        color: #060606;
        text-align: center;
      }
      .on{
        background-color: #88888b;
      }
    }
    div{
      p{
        .fs(36);
        .mb(40);
        color: #060606;
        span{
          display: inline-block;
          vertical-align: middle;
          .fs(28);
          .w(460);
          .lh(32);
          color: #9c9595;
        }
      }
    }


  }
  .footer{
    overflow: hidden;
    position: fixed;
    .b(-1);
   ul{
     float: left;
     overflow: hidden;
     border-top: 1px solid #707070 ;
     li{
       float: left;
       .h(42);
       .pt(58);
       .fs(24);
       .w(188);
       background: url("../img/pro_details_8.png")no-repeat;
       .bs(44,44);
       background-position: 50% 20%;
       /*.bgp(30,-50);*/
       color: #6a6a6a;
       text-align: center;
       background-color: #ffffff;
     }
     li:nth-child(1){
       .w(146);
       background: url("../img/pro_details_9.png")no-repeat;
       .bs(44,44);
       background-position: 50% 20%;
       border-right: 1px solid #707070;
       background-color: #ffffff;
     }
   }
    a{
      display: block;
      float: left;
      .lh(100);
      .w(195);
      color: #ffffff;
      background-color:#ff0000;
      text-align: center;
    }
    a:last-child{
      .w(214);
      background-color: #00a0e9;
    }
  }
}